<div class="tasklists">
    <task-task-list 
    class="list-container" 
    taskDroppable 
    [dropTags]="['task-item','task-list']" 
    [dragEnterClass]="'drag-enter'" 
    [taskDraggable]="true" 
    [dragTag]="'task-list'" 
    [draggedClass]="'drag-start'" 
    [dragData]="list" 
    (dropped)="handleMove($event,list)"
    [ngStyle]="{'order': list.order}"
        *ngFor="let list of lists">
        <task-task-header (editList)="editListDialog()" (deleteProject)="deleteProjectDialog()" [header]="list.name" (newTask)="newTaskDialog()" (moveAll)="copyTask()"></task-task-header>        
        <task-quick-task (quickTask)="handleQuickTask($event)"></task-quick-task>
        <task-task-item (editTask)="editTaskDialog(task)" *ngFor="let task of list.tasks" [item]="task"></task-task-item>
    </task-task-list>
    <button class="fab-button" mat-fab (click)="onClick()">
        <mat-icon (click)="newListDialog()">add</mat-icon>
    </button>
</div>